<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function drawStart(g,x0,y0,r,engle){
				g.beginPath();
				var dig = Math.PI*2/5*2;
				for (var i=0;i<5;i++) {
					var x = x0 + Math.cos(Math.PI/2 + dig*i)*r;
					var y = y0 - Math.sin(Math.PI/2 + dig*i)*r;
					g.lineTo(x,y);
				}
				g.closePath();
				g.fillStyle = "yellow";
				g.fill();
			}
		</script>
	</head>
	<body>
		<canvas id="can" width="500px" height="500px" style="border: dashed 1px;"></canvas>
		<script>
			var can = document.getElementById("can");
			var g = can.getContext("2d");	
			
			drawStart(g,250,250,200,0);
		</script>
	</body>
</html>
